const wxml = `
<view class="container">
  <image class="logo" src="https://cdc-file.risechina.com/img/2021/11/1635906037589.png"></image>
  <view class="box">
    <image class="banner" src="https://cdc-file.risechina.com/img/2021/11/1635760381975.png"></image>
    <text class="name text">{{name}}</text>
    <text class="time text">{{sessionDate}}</text>
    <text class="time text">{{sessionTime}}</text>
    <image class="address" src="https://cdc-file.risechina.com/img/2021/11/1635780256164.png"></image>
  </view>
  <text class="msg text">仅限本人参与</text>
</view>
`

const style = {
  container: {
    width: 400,
    height: 700,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#f7f7f7'
  },
  logo: {
    width: 118,
    height: 18,
    marginTop: 50
  },
  box: {
    width: 360,
    height: 420,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#fff',
    borderRadius: 10,
    padding: 30,
    marginTop: 30,
    marginBottom: 50
  },
  banner: {
    width: 211*1.5,
    height: 70*1.5
  },
  address: {
    width: 102*1.7,
    height: 23.5*1.7,
    marginTop: 25
  },
  text: {
    textAlign: 'center',
    verticalAlign: 'middle',
    color: '#000'
  },
  name: {
    width: 400,
    height: 30,
    fontSize: 20,
    lineHeight: 30,
    marginTop: 30
  },
  time: {
    width: 400,
    height: 20,
    fontSize: 15,
    lineHeight: 20,
    marginTop: 13
  },
  msg: {
    width: 400,
    height: 20,
    fontSize: 15,
    lineHeight: 20,
    position: 'absolute',
    bottom: 10,
    left: 0
  }
}

module.exports = {
  wxml,
  style
}
